import React, { useContext } from "react";
import { UserContext, ThemeContext } from "../App";

// 以前使用context的方式
// export default function ContextHookDemo() {
//   return (
//     <div>
//       <UserContext.Consumer>
//         {(user) => {
//           console.log(user);
//         }}
//       </UserContext.Consumer>
//     </div>
//   );
// }

// 现在使用context的方式
export default function ContextHookDemo() {
  const user = useContext(UserContext);
  const theme = useContext(ThemeContext);
  console.log(user, theme);
  return <div>ContextHookDemo</div>;
}
